body {
  font-size: 14px;
  color: #333333;
}
body li {
  list-style: none;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-size: 14px;
  font-weight: normal;
}
button{
  border: 0;
  outline: none;
}
button:hover{
  cursor: pointer;
}
input{
  outline: none;
}
.wrap{ 
  max-width:1644px; 
  width:95%; 
  margin:0 auto; 
  max-height:999999px;
}
.wrap1380{ 
  max-width:1380px; 
  width:95%; 
  margin:0 auto; 
  max-height:999999px;
}
.wrap1500{ 
  max-width:1500px; 
  width:95%; 
  margin:0 auto; 
  max-height:999999px;
}
.clear{ clear:both;}
/*榧犳爣鏀句笂鍘诲浘鐗囧彉澶�*/
.imgmouseon {
  overflow: hidden;
}
.imgmouseon img {
  cursor: pointer;
  transition: all 0.6s;
}
.imgmouseon img:hover {
  transform: scale(1.1);
}
/*鑳屾櫙棰滆壊*/
body{
  background: #fff; 
}
/*鍙充晶娴姩*/
.floatnav{
  position: fixed;
  right: 1px;
  z-index: 1001;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  flex-direction: column;
}
.floatnav li{
  display: block;
  width: 74px;
  height: 68px;
  background-color: #171917;
  border-radius: 5px;
  margin-bottom: 1px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #fff;
  font-size: 12px;
  transition:width 0.5s; /*鍔ㄧ敾鏃堕棿*/
  -webkit-transition:width 0.5s; /* Safari */
  overflow: hidden;
}
.floatnav li:hover{
  background-color: #4a4a4a;
}
.floatnav li.wha:hover{
  width: 224px;
}
.floatnav li.wha:hover>img:nth-of-type(1){
  display: none;
}
.floatnav li.wha:hover div{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  align-content: center;
  flex-direction: column;
  height: 40px;
}
.floatnav li.wha div{
  display: none;
}
.floatnav li.wha div img{
  margin-right: 12px;
}
.floatnav li.wha h1{
  font-size: 14px;
  color: #8f8f8f;
  line-height: 19px;
  text-transform: uppercase;
}
.floatnav li.wha h2{
  font-size: 16px;
  color: #fff;
  line-height: 19px;
}

/*澶撮儴*/
.header{
  height: 87px;
  background-color: rgba(255, 255, 255, 0);
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  z-index: 1000;;
  margin-bottom: -87px;
}
.header .hwrap{
  height: 87px;
  display: flex;
  flex: nowrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 2.6%;
}
.header .logo{
  max-width: 458px;
  width: 30%;
  display: flex;
  flex-flow: row wrap;
  align-content:center;
}
.header .logo img{
  width: 100%;
}
.header .henav{
  width: 65%;
  max-width: 988px;
  color: #fff;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.header .henav li{
  /*margin-left: 5%;*/
  height: 80px;
  position: relative;
}
.header .henav a{
  font-size: 16px;
  line-height: 80px;
  white-space:nowrap;
  color: #fff;
}
.header .henav a:hover{
  color: #ffed00;
}
.header .henav .subnav{
  display: none;
  position: absolute;
  left: -70px;
  top: 70px;
  background-color: #fff;
  padding: 10px 0;
  margin-left: 50%;
  width: 140px;
  border-radius: 5px;
  box-shadow: 0px 0px 5px #aaaaaa;
}
.header .henav .subnav a{
  color: #3e3e3e;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  width: 100%;
  display: block;
}
.header .henav .subnav a:hover{
  color: #000;
}
.header .henav li:hover .subnav{
  display: block;
}
.header .search{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.header .search a{
  margin-left: 30px;
}
.search_txt{
  display: none;
  width: 140px;
  outline: none;
  border-bottom: 1px solid #cccccc;
  height: 22px;
  margin-left: 16px;
  text-align: center;
  color: #bbbbbb;
}
.s_inbut{ background:url(../images/search2.png) no-repeat; width:16px; height:16px; float:left;}
.ss_inbut{ background:url(../images/search.png) no-repeat; width:16px; height:16px; float:left;}
/*澶撮儴-鐧藉簳*/
.header_other{
  background-color: #fff;
}
.header_other .henav a{
  color: #3e3e3e;
}
.header_other .henav a:hover{
  color: #666666;
}
/*澶撮儴-鍐呴〉*/
.header_other2{
  margin-bottom: 0px;
}
/*banner澶у浘*/
.banner_index{
  height: 960px;
  width: 100%;
  position: relative;
  /*margin-top: -87px;*/
}
.banner_index .swiper {
  height: 100%;
}
.banner_index .swiper-slide{
  flex-wrap: wrap;
  display: flex;
  justify-content: left;
  align-items: center;
  background-position: center center;
}
.banner_index .swiper-pagination{ 
  bottom:60px;
}
.banner_index .swiper-pagination-bullet{ 
  width:40px; 
  height:4px; 
  border-radius:2px; 
  transition:all linear .2s; 
  background:#ffffff; 
  opacity:1; 
  margin:0 3px!important;
}
.banner_index .swiper-pagination-bullet-active{ 
  opacity:1; 
  background:#ffed00;
  outline: none;
}
.banner_index .swiper-slide a
{
    width:100%;
    height:100%;
    float:left;
    display:block;
}
/*banner澶у浘 鍐呴〉*/
.banner_others{
  height: 578px;
}
.banner_others .txt{
  max-width:1500px; 
  width: 100%;
  padding: 0 2.5%;
  margin:0 auto; 
  margin-top: -100px;
  max-height:999999px;
}
.banner_others h1{
  font-size: 48px;
  font-weight: bold;
  color: #fff;
}
.banner_others p{
  font-size: 16px;
  line-height: 32px;
  color: #fff;
  margin-top: 12px;
}
.banner_cpzx{
  height: 340px;
}
.banner_cpzx .txt{
  margin-top: 0px;
}
.banner_cpzx h1{
  text-align: center;
}
/*涓讳綋-涓婚〉*/
.index_con{
  padding: 130px 0 140px 0;
}
.index_con .coto h1{
  font-size: 48px;
  line-height: 60px;
  font-weight: bold;
  color: #1d1d1b;
  margin-bottom: 20px;
}
.index_con .coto p{
  font-size: 16px;
  line-height: 30px;
  color: #666666;
  max-width: 700px;
}
.index_con .cobo{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 105px;
}
.index_con .cobo div{
  margin: 0 2%;
}
.index_con .cobo h1{
  font-size: 60px;
  color: #3b3b3b;
  font-family: Impact;
  text-align: center;
}
.index_con .cobo h1 span{
  font-size: 14px;
}
.index_con .cobo h2{
  text-align: center;
  font-size: 16px;
  line-height: 32px;
}
.index_con2{
  margin-bottom: 60px;
}
.index_con2 .tit{
  padding-bottom: 40px;
}
.index_con2 .tit h1{
  font-size: 48px;
  line-height: 60px;
  color: #1d1d1b;
  font-weight: bold;
}
.index_con2 .tit p{
  font-size: 16px;
  line-height: 24px;
  color: #666666;
}
.index_con2 .conav{
  display: flex;
  justify-content: flex-start;
}
.index_con2 .conav li{
  width: 178px;
  height: 54px;
  border-radius: 28px;
  border: 1px solid #dfdfdf;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: #1d1d1b;
  margin-right: 12px;
}
.index_con2 .conav li.active{
  border: 1px solid #ffed00;
  background-color: #ffed00;
}
.index_con2 .conav li:hover{
  border: 1px solid #ffed00;
  background-color: #ffed00;
}


/*涓婚〉浜у搧鍥維wiper鍒囨崲*/
.index_con2 .coco{
  height: 980px;
  width: 100%;
  position: relative;
  padding-bottom: 40px;
  /*margin-top: -87px;*/
}
.index_con2 .coco .swiper {
  height: 100%;
}
.index_con2 .coco .swiper-slide{
  flex-wrap: wrap;
  display: flex;
  justify-content: left;
  align-items: center;
  background-position: center center;
}
.index_con2 .swiper-pagination2{
  display: flex;
  justify-content: flex-start;
  height: 100px;
}
.index_con2 .swiper-pagination2 .swiper-pagination-bullet{ 
  width: 178px;
  height: 54px;
  border-radius: 28px;
  border: 1px solid #dfdfdf;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: #1d1d1b;
  margin-right: 12px;
  background-color: #fff;
  outline: none;
  opacity:1; 
}
.index_con2 .swiper-pagination2 .swiper-pagination-bullet-active{ 
  border: 1px solid #ffed00;
  background-color: #ffed00;
  opacity:1; 
}
/*涓婚〉浜у搧鍥維wiper鍒囨崲 缁撴潫*/

.index_con2 .coli{
  display: none;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4.2%;
  width: 100%;
}
.index_con2 .coli.active{
  display: flex;
}
.index_con2 .coli li{
  width: 30.5%;
  border-radius: 10px;
  background-color: #efefef;
  margin-bottom: 40px;
  flex-grow: 1;
  padding-top: 20px;
  padding-bottom: 45px;
}
.index_con2 .coli li a{
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.index_con2 .coli .img{
  height: 300px;
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.index_con2 .coli .img img{
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
}
.index_con2 .coli h1{
  font-size: 18px;
  line-height: 24px;
  color: #1d1d1b;
  margin: 40px 0 14px 0;
}
.index_con2 .coli button{
  font-size: 14px;
  line-height: 20px;
  padding: 3px 25px;
  background-color: #1d1d1b;
  border-radius: 13px;
  color: #fff;
  border: 0;
}
.index_con2 .coli a:hover button{
  background-color: #ffed00;
  color: #1d1d1b;
}
.index_con3{
  background-color: #161616;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding: 90px 0 40px 0;
}
.index_con3 .tit h1{
  font-size: 48px;
  line-height: 60px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.index_con3 .tit p{
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  text-align: center;
  margin-top: 18px;
}
.index_con3 .img img{
  width: 100%;
}
.index_con4{
  padding: 140px 0;
  position: relative;
}
.index_con4 .cole{
  width: 92%;
  max-width: 1379px;
  height: 648px;
  border-radius: 66px 10px 66px 10px;
  overflow: hidden;
  background-color: #ff6600;
}
.index_con4 .cori{
  width: 622px;
  height: 500px;
  border-radius: 50px 10px 50px 10px;
  background-color: #fff;
  position: absolute;
  top: 220px;
  right: 0px;
}
.index_con4 .cori::after {
  content: '';
  width: 622px;
  height: 500px;
  border-radius: 50px 10px 50px 10px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: -1;
  background-color: black;
  opacity: 0.2; /* 璁剧疆閫忔槑搴� */
  box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.5); /* 涓婚槾褰� */
}
.index_con4 .cori h1{
  font-size: 28px;
  line-height: 36px;
  color: #363434;
  font-weight: bold;
  margin: 70px 63px 0 63px;
}
.index_con4 .cori p{
  font-size: 16px;
  line-height: 30px;
  color: #555555;
  margin: 35px 63px 0 63px;
}
.index_con4 .cori button{
  width: 180px;
  height: 56px;
  border-radius: 28px;
  font-size: 16px;
  line-height: 24px;
  color: #1d1d1b;
  background-color: #ffed00;
  margin: 35px 63px 0 63px;
  border: 0px;
}
.index_con4 .cori button:hover{
  background-color: #e8d800;
}
.index_con5{
  min-height: 710px;
  background-color: #030404;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-image: url(../images/index_5_7.jpg);
  background-position: center;
  background-repeat: none;
  background-size: cover;
  padding: 50px 0;
  box-sizing: border-box;
}
.index_con5 .tit{
}
.index_con5 .tit h1{
  font-size: 48px;
  line-height: 60px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.index_con5 .tit p{
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  text-align: center;
  /*margin-top: 18px;*/
  text-transform: uppercase;
}
.index_con5 ul{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  margin-top: 85px;
}
.index_con5 .img{
  width: 162px;
  height: 183px;
  background-image: url(../images/index_5_1.png);
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.index_con5 ul h1{
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  margin-top: 20px;
}
/*涓讳綋-鍏充簬寰风撼-浼佷笟绠€浠�*/
.gydn_con{
  padding-bottom: 50px;
}
.gydn_con h1{
  font-size: 24px;
  line-height: 30px;
  color: #000;
  font-weight: bold;
  text-align: center;
  margin: 32px 0;
}
.gydn_con p{
  font-size: 16px;
  line-height: 30px;
  color: #555555;
  text-indent: 2em;
}
.gydn_con .img{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}
.gydn_con .img img{
  width: 48.5%;
}
.gydn_con2{
  background-image: url(../images/gydn_bg.jpg);
  background-repeat: no-repeat;
  background-position: center bottom; 
}
.gydn_con2 .coli{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 50px;
  padding-bottom: 50px;
}
.gydn_con2 .coli li{
  width: 31%;
  height: 410px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-shadow: 0px 0px 20px 5px #eeeeee;
  border-radius: 10px;
}
.gydn_con2 .coli h1{
  color: #171917;
  font-size: 24px;
  line-height: 36px;
  font-weight: bold;
  margin-top: 30px;
}
.gydn_con2 .coli p{
  color: #555555;
  font-size: 16px;
  line-height: 24px;
  margin-top: 8px;
  padding: 0 10%;
  text-align: center;
}
.gydn_con3{
  max-width: 1250px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 150px 0;
}
.gydn_con3 .img{
  width: 40%;
  max-width: 475px;
  margin-right: 5%;
}
.gydn_con3 .img img{
  width: 100%;
}
.gydn_con3 .cori{
  max-width: 600px; 
}
.gydn_con3 .cori h1{
  font-size: 36px;
  line-height: 54px;
  font-weight: bold;
  color: #464646;
  margin-bottom: 15px;
}
.gydn_con3 .cori p{
  font-size: 18px;
  line-height: 36px;
  color: #464646;
}
.gydn_con3 .coli2{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  margin-top: 50px;
}
.gydn_con3 .coli2 li{
  width: 25%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.gydn_con3 .coli2 h2{
  color: #ffed00;
  font-size: 60px;
  line-height: 70px;
  margin-top: 10px;
  font-family: Impact;
}
.gydn_con3 .coli2 h2 span{
  font-size: 30px;
}
.gydn_con3 .coli2 h3{
  color: #000000;
  font-size: 24px;
  line-height: 32px;
  padding: 0 10%;
  text-align: center;
  font-weight: bold;
}
.gydn_con4{
  padding: 100px 0;
  background-color: #1b1e21;
  text-align: center;
  background-image: url(../images/gydn_bg2.jpg);
  background-size: cover;
}
.gydn_con4 p{
  font-size: 36px;
  line-height: 54px;
  color: #fff;
}
.gydn_con4 button{
  font-size: 16px;
  color: #1c2023;
  padding: 17px 58px;
  background-color: #ffed00;
  margin-top: 40px;
}
.gydn_con4 button:hover{
  background-color: #e8d800;
}
/*浜у搧涓績*/
.cpzx_con{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 60px auto;
  gap: 40px;
}
.cpzx_nav{
  width: 280px;
}
.cpzx_nav .tit{
  color: #000000;
  font-size: 36px;
  font-weight: bold;
  width: 280px;
}
.cpzx_nav ul{
  margin-top: 50px;
}
.cpzx_nav li{
  border-bottom: 1px solid #d0d0d0; 
}
.cpzx_nav li:nth-of-type(1){
  border-top: 1px solid #d0d0d0; 
}
.cpzx_nav li a{
  font-size: 18px;
  line-height: 30px;
  padding: 22px 20px;
  display: block;
  cursor: pointer;
}
.cpzx_nav li>a{
  background-image: url(../images/cpzx_ico.png);
  background-repeat: no-repeat;
  background-position: right 20px center;

}
.cpzx_nav li>a.active{
  background-color: #ffed00;
  background-image: url(../images/cpzx_ico2.png);
}
.cpzx_nav li>a.active + div{
  /*display: block;*/
}
.cpzx_nav li .subnav{
  display: none;
}
.cpzx_nav li .subnav.active{
  display: block;
}
.cpzx_nav li .subnav a{
  text-indent: 1em;
  color: #767676;
}
.cpzx_nav li .subnav a.active{
  color: #181818;
  font-weight: bold;
}
.cpzx_li{
  flex-grow: 1;
}
.cpzx_li ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  padding-bottom: 80px;
}
.cpzx_li li{
  flex-grow: 1;
  min-width: 300px;
  width: 31%;
  height: 380px;
  border-radius: 10px;
  background-color: #efefef;
}
.cpzx_li li a{
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.cpzx_li .img{
  width: 80%;
  height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.cpzx_li .img img{
  max-width: 85%;
  max-height: 90%;
}
.cpzx_li h1{
  font-size: 18px;
  line-height: 24px;
  color: #1d1d1b;
  margin: 14px 0 14px 0;
}
.cpzx_li button{
  font-size: 14px;
  line-height: 20px;
  padding: 3px 25px;
  background-color: #1d1d1b;
  border-radius: 13px;
  color: #fff;
  border: 0;
}
.cpzx_lii button:hover{
  background-color: #ffed00;
  color: #1d1d1b;
}
.cpzx_li ul:last-of-type:after {
  content: '';
  flex-grow: 1;
  min-width: 300px;
  width: 31%;
  height: 1px;
  border-radius: 10px;
  background-color: #fff;
  margin: 0 0 20px 0;
}
/*浜у搧涓績-璇︽儏*/
.cpzx_flo{
  width:95%;
  max-height: 90%;
  max-width: 1440px;
  background: #fff;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1002;
  border-radius: 23px;
  padding: 0px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 27px;
  overflow: auto;
}
.cpzx_flo2{
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.32);
  position: fixed;
  z-index: 1001;
  display: none;
}
.cpzx_flo .info{
  flex-grow: 1;
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;  
  flex-direction: column;
}
.cpzx_flo .info h1{
  color: #1d1d1b;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 13px;
}
.cpzx_flo .info h2{
  color: #555555;
  font-size: 16px;
  line-height: 36px;
  display: block;
}
.cpzx_flo .info h2 em{
  float: right;
}
.cpzx_flo .info h2:last-of-type{
  margin-bottom: 20px;
}
.cpzx_flo .info button{
  background-color: #ffed00;
  font-size: 16px;
  line-height: 30px;
  padding: 10px 50px;
  border-radius: 25px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin: auto auto 10px; auto;
}
.cpzx_flo .info button:hover{
  background-color: #e8d800;
}
.cpzx_flo .info button img{
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.cpzx_flo .clo{
  position: absolute;
  right: 25px;
  top: 25px;
}
/*浜у搧鍥剧墖swiper鍒囨崲*/
.cpzx_flo .img{
  height: 715px;
  width: 40%;
  flex-grow: 1;
  max-width: 715px;
  position: relative;
  background-color: #efefef;
}
.cpzx_flo .img .swiper {
  height: 100%;
}
.cpzx_flo .img .swiper-slide{
  flex-wrap: wrap;
  display: flex;
  justify-content: left;
  align-items: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.cpzx_flo .btn{
  height: 715px;
  position: relative;
}
.cpzx_flo .btn .swiper {
  height: 666px;
}
.cpzx_flo .btn .swiper-slide{
  width: 120px;
  background-size: 100%;
  /*border: 1px solid #d8d9db;*/
  flex-wrap: wrap;
  display: flex;
  justify-content: left;
  align-items: center;
  background-position: center center;
  background-repeat: no-repeat;
  box-sizing: border-box;
}
.cpzx_flo .btn .swiper-button-prev{
  width: 120px;
  height: 20px;
  outline: none;
  position: static;
  margin: 0;
  /*border: 1px solid #d8d9db;*/
  box-sizing: border-box;
  margin-bottom: 5px;
}
.cpzx_flo .btn .swiper-button-next{
  width: 120px;
  height: 20px;
  outline: none;
  transform: rotate(180deg);
  position: static;
  margin: 0;
  margin-top: 5px;
  /*border: 1px solid #d8d9db;*/
  box-sizing: border-box;
}
.cpzx_flo .btn .swiper-button-prev:after,
.cpzx_flo .btn .swiper-button-next:after{
  display: none;
}
.cpzx_flo .btn .swiper-button-prev:hover,
.cpzx_flo .btn .swiper-button-next:hover,
.cpzx_flo .btn .swiper-slide:hover,
.cpzx_flo .clo:hover{
  cursor: pointer;
}
/*浜у搧鍥剧墖swiper鍒囨崲 缁撴潫*/

/*钀ラ攢缃戠粶*/
.yxwl_co{
  padding-bottom: 140px;
}
.yxwl_co p{
  font-size: 16px;
  line-height: 30px;
  color: #555555;
  text-align: center;
  margin-top: 40px;
}
.yxwl_co .img{
  margin-top: 85px;
}
.yxwl_co .img img{
  width: 100%;
}
/*灞曚細淇℃伅*/
.zhxx_li ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 40px;
  margin-top: 80px;
}
.zhxx_li li{
  flex-grow: 1;
  display: block;
  min-width: 300px;
  width: 30%;
  /*width: 31%;*/
  padding-bottom: 70px;
}
.zhxx_li li a{
  height: 100%;
  width: 100%;
}
.zhxx_li li h1{
  font-size: 15px;
  color: #ababab;
}
.zhxx_li li h2{
  font-size: 17px;
  color: #1e1e1e;
  margin-top: 10px; 
  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
}
.zhxx_li li .img{
  height: 250px;
  margin-top: 40px;
  width: 100%;
}
.zhxx_li li button{
  margin-top: 60px;
  font-size: 14px;
  line-height: 20px;
  padding: 12px 25px;
  background-color: #fff;
  border: 1px solid #d4d4d4;
  color: #585858;
}
.zhxx_li li a:hover button{
  background-color: #ffed00;
  border: 1px solid #ffed00;
  color: #252525;
  font-weight: bold;
}
.zhxx_li ul:last-of-type:after {
  content: '';
  flex-grow: 1;
  min-width: 300px;
  width: 31%;
  height: 1px;
}
.zhxx_co{
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 40px;
  padding: 50px 0 170px 0;
}
.zhxx_le{
  flex-shrink: 1;
  flex-grow: 1;
}
.zhxx_le button{
  font-size: 12px;
  line-height: 20px;
  padding: 6px 15px;
  border-radius: 16px;
  background-color: #171917;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.zhxx_le button img{
  margin-right: 6px;
}
.zhxx_le button img:nth-of-type(2){
  display: none;
}
.zhxx_le button:hover{
  background-color: #ffed00;
  color: #000;
}
.zhxx_le button:hover img:nth-of-type(1){
  display: none;
}
.zhxx_le button:hover img:nth-of-type(2){
  display: block;
}
.zhxx_le h1{
  font-size: 28px;
  line-height: 42px;
  color: #363434;
  font-weight: bold;
  margin-top: 40px;
}
.zhxx_le h2{
  font-size: 14px;
  line-height: 24px;
  color: #787878;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #ededed;
  padding: 20px 0;
}
.zhxx_le h2 img{
  margin-right: 6px;
}
.zhxx_le h2 img:nth-of-type(2){
  margin-left: 25px;
}
.zhxx_le p{
  font-size: 16px;
  line-height: 30px;
  color: #555555;
  margin-top: 30px;
}
.zhxx_le p span{
  font-weight: bold;
}
.zhxx_le .img{
  margin-top: 30px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.zhxx_le .img img{
  max-width: 100%;
}
.zhxx_ri{
  width: 290px;
  border-left: 1px solid #ededed;
  padding-left: 40px;
}
.zhxx_ri .tit{
  font-size: 18px;
  color: #000;
}
.zhxx_ri a{
  margin-top: 40px;
  display: block;
}
.zhxx_ri .img{
  width: 290px;
  height: 180px;
}
.zhxx_ri img{
  width: 100%;
}
.zhxx_ri h1{
  font-size: 14px;
  line-height: 24px;
  color: #000;
  margin-top: 9px;
}
.zhxx_ri h2{
  font-size: 14px;
  line-height: 24px;
  color: #c5c5c5;
  margin-top: 5px;
}
/*鍞悗鏈嶅姟*/
.shfw_li ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  padding: 40px 0;
}
.shfw_li ul li{
  flex-basis: 25%;
}
@media screen and (max-width:1200px){
  .shfw_li ul li{
    flex-basis: 33.333%;
  }
}
@media screen and (max-width:1023px){
  .shfw_li ul li{
    flex-basis: 50%;
  }
}
.shfw_li ul li .liin {
  height: 222px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-end;
  align-items: flex-end;
  border: 1px solid #ebebeb;
  margin: 0 15px 30px 15px;
}
.shfw_li h1{
  font-size: 18px;
  color: #161616;
  margin : 10px 12% 0 12%;
  padding-bottom: 25px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #ebebeb;
}
.shfw_li ul a{
  padding: 25px 0;
  width: 50%;
  text-align: center;
  color: #7d7d7d;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.shfw_li ul a:hover{
  color: #000;
}
.shfw_li ul a img{
  margin-right: 5px;
}
.shfw_flo{
  width: 726px;
  display: block;
  margin:0 auto;
}
.shfw_flo .clo{
  position: absolute;
  right: 16px;
  top: 19px;
}
.shfw_flo .tit{
  font-size: 30px;
  margin-bottom: 10px;
}
.shfw_flo .txt
{
    width: 800px;
    height: 60px;
    background-color: #f2f2f8;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
}
.shfw_flo .textarea{
  width: 800px;
  height:150px;
  background-color: #f2f2f8;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
}
.shfw_flo .txt em{
  width: 18px;
  height: 18px;
  font-size: 20px;
  color: #ff0000;
  margin-left: -18px;
}
.shfw_flo .txt img{
  margin: 0 8px 0 20px;
}
.shfw_flo .textarea img{
  margin: -110px 8px 0 20px;
}
.shfw_flo .txt input{
  color: #888888;
  font-size: 18px;
  margin-right: 20px;
  flex-grow: 1;   /*鏀惧ぇ*/
  background-color: #f2f2f8;
}
.shfw_flo .textarea textarea{
  color: #888888;
  font-size: 18px;
  margin-right: 20px;
  background-color: #f2f2f8;
  width:100%;
  height: 140px;
  flex-grow: 1;
  padding-top: 7px;
  font-family: auto;
}
.shfw_flo button
{
    width: 354px;
    height: 60px;
    background-color: #ffeb04;
    border-radius: 5px;
    font-size: 24px;
    margin: 25px auto 50px;
    display: block;
}
.shfw_flo2{
  width: 100%;
  height: 100%;
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  z-index: 21;
  background-color: rgba(0, 0, 0, 0.32);
}
/*鑱旂郴鎴戜滑*/
.xlwm_con{
  padding-bottom: 180px;
}
.xlwm_con ul{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: flex-start;
  gap: 20px;
  padding: 70px 0 100px 0;
}
.xlwm_con ul li{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;  
  flex-direction: column;
  max-width: 125px;
}
.xlwm_con .img{
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #a8a8a8;
  border-radius: 30px;
}
.xlwm_con .img img:nth-of-type(2){
  display: none;
}
.xlwm_con h1{
  font-size: 18px;
  color: #363434;
  margin-top: 16px;
}
.xlwm_con h2{
  font-size: 12px;
  color: #c9c9c9;
  text-transform: uppercase;
  margin-top: 4px;
}
.xlwm_con p{
  font-size: 14px;
  color: #787878;
  line-height: 24px;
  text-align: center;
  margin-top: 7px;
}
.xlwm_con ul li:hover .img{
  background-color: #ffed00;
}
.xlwm_con ul li:hover .img img:nth-of-type(1){
  display: none;
}
.xlwm_con ul li:hover .img img:nth-of-type(2){
  display: block;
}
.xlwm_con .map img{
  width: 100%;
}
/*鍐呴〉-鏍囬*/
.title{
  text-align: center;
  padding-top: 150px;
  margin-top: -100px;
}
.title h1{
  color: #000000;
  font-size: 36px;
  font-weight: bold;
}
.title p{
  color: #a0a0a0;
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 8px;
}
.title2{
  /*margin-top: 0px;*/
}
/*鍐呴〉-浜岀骇鏍忕洰*/
.subnav_other{
  position: relative;
  z-index: 20;
}
.subnav_other ul{
  /*position: absolute;*/
  min-height: 20px;
  border-radius: 20px 20px 0 0;
  margin-top: -75px;
  padding: 30px 0px;
  background-color: #fff;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.subnav_other ul li{
  color: #555555;
  font-size: 18px;
  border-right: 1px solid #cecece;
  display: block;
  padding: 0 3%;
}
.subnav_other ul li:nth-of-type(1){
  border-left: 1px solid #cecece;
}
.subnav_other ul li a:hover,
.subnav_other ul li a.active{
  color: #000;
  font-weight: bold;
}
/*鍐呴〉-椤电爜*/
.page{
  margin: 15px auto 120px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.page input,
.page a{
  min-width: 50px;
  padding: 20px;
  box-sizing: border-box;
  background: #fff;
  color: #2c2b2b;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid #e2e2e2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.page a.active{
  background: #ffed00;
  border: #f9d441 solid 1px;
}
.page a:hover{
  background: #ffed00;
  border: #f9d441 solid 1px;
}
.page input{
  width: 80px;
}
.page .panext:after{
  content: '';
  flex-grow: 1;
  height: 1px;
}
/*搴曢儴*/
.footer .foto{
  display: flex;
  flex: nowrap;
  justify-content: space-between;
  padding-top: 100px;
}
.footer .fole{
  font-size: 18px;
  line-height: 36px;
  color: #5b5b5b;
}
.footer .fole li:nth-of-type(1){
  font-size: 24px;
  color: #2c2c2c;
  font-weight: bold;
  margin-bottom: 13px;
}
.footer .fole li:last-of-type{
  margin-top: 13px;
}
.footer .fole a{
  width: 44px;
  height: 42px;
  background-color: #171917;
  border-radius: 8px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
  position: relative;
}
.footer .fole a .img{
  width: 24px;
  height: 24px;
}
.footer .fole a img{
  bottom: 0;
  margin-bottom: 42px;
  position: absolute;
  display: none;
}
.footer .fole a:hover{
  background-color: #ffed00;
}
.footer .fole a:hover .img{
  background-position: bottom;
}
.footer .fole a:hover img{
  display: block;
}
.footer .fori{
  width: 60%;
  max-width: 995px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
.footer .fori a{
  font-size: 18px;
  line-height: 36px;
  color: #5b5b5b;
  display: block;
}
.footer .fori a:hover{
  color: #000000;
}
.footer .fori a:nth-of-type(1){
  font-size: 24px;
  color: #2c2c2c;
  margin-bottom: 15px;
}
.footer .foewm{
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 45px;
}
.footer .foewm h1{
  text-align: center;
}
.footer .fobo{
  padding: 60px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #2c2c2c;
}

/*绉诲姩绔ご閮�*/
.sjhedes{ display:none; height:150px;}
.tuerhed{ position:fixed; width:100%; top:0; left:0; z-index:188; background:#fff; height:150px; box-shadow:1px 1px 0 rgba(33,29,30,.2); padding:0 2.5%;}
.losdj{ float:left; width: 60%;}
.tuerhed{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.losdj img{ width: 100%; display:block;}
.sanh{ float:right; width:50px; padding:10px; margin:0px 60px 0px 0px;}
.sanh>div{ height:5px; margin:10px 0px; width:100%; transition:transform 0.5s,opacity 0.5s;}  
.sanh>div{ background-color:#333;}
.fuernavt{ position:fixed; padding-top:150px; top:0px; left:-100%; width:100%; height:100%; background-color:#fff; z-index:187;}
.benrvav{ width:100%; height:100%; overflow:hidden; overflow-y:scroll;}
.shojvas>a{ display:block; text-align:center; font-size:30px; line-height:300%; padding:10px 0px; border-bottom:1px solid #bbb; color:#333;}
.shojvas>div{ display:block; text-align:center; font-size:30px; line-height:300%; border-bottom:1px solid #bbb;}
.shojvas>div a{ color:#333;}
.showzhen{ position:relative;}
.jd{ position:absolute; top:26px; right:25px; width:11px; height:18px; background:url(../images/arrow4.svg) no-repeat center; background-size:100%; transition:transform 0.5s; z-index:-1;}
.maei{ padding:10px 0; font-size:30px; color:#333;}
.maei a{ color:#333; display:inline;}
.shopernc{ overflow:hidden; height:0px;}
.shopernc>div a,.shopernc .maei.line1{ display:block; text-align:center; font-size:24px; color:#666; padding:10px 0px; line-height:50px; border-top:1px solid #eee;}
.shopernc>div a.gray{ color:#666;}
.shopernc>div .maei a{ color:#666;}
.shopernc>div>div>div a{ color:#999;}
.shopernc .maei.line1{ border-top-color:#ddd;}
.shopernc .maei.line1 a{ display:inline!important; line-height:inherit; border:none; padding:0;}
.tesd>div{ background-color:#333!important;}
.tesd>div:nth-child(1){ transform:translate3d(0px,15px,0px) rotate(45deg);}
.tesd>div:nth-child(2){ opacity:0;}
.tesd>div:nth-child(3){ transform:translate3d(0px,-15px,0px) rotate(-45deg);}


.p_show{ width:100%; max-width:1500px; height:850px;}



.my-map{ width:100%; height:500px; border-radius:20px; overflow:hidden;}
.my-map .icon{ background:url(../images/marker.png) no-repeat;}
.my-map .icon-cir{ height:31px; width:28px;}
.my-map .icon-cir-red{ background-position:-11px -5px;}
.amap-logo,.amap-copyright,.amap-scalecontrol,.amap-overviewcontrol,.amap-toolbar{ display:none!important;}
.amap-container{height:100%;}
.myinfowindow{width:240px;min-height:50px;}
.myinfowindow h5{ height:20px; line-height:20px; overflow:hidden; font-size:14px; font-weight:bold; width:220px; text-overflow:ellipsis; word-break:break-all; white-space:nowrap;}
.myinfowindow div{ margin-top:10px; min-height:40px; line-height:20px; font-size:13px; color:#6f6f6f;}


.nodata{ width:100%; float:left; text-align:center; font-size:18px;}